<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>跟进计划详情</title>
    <link rel="icon" href="favicon.ico" type="images/ico">
    <meta name="author" content="dc">
    <link rel="stylesheet" type="text/css" href="/css/materialdesignicons.min.css">
    <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="/css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="/css/style.min.css">

    <link href="/js/bootstrap-table/bootstrap-table.min.css" rel="stylesheet" />
    <!--固定table列-->
    <link href="/js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns.min.css" rel="stylesheet"/>

    <link rel="stylesheet" href="/js/jquery-confirm/jquery-confirm.min.css" />
    <link rel="stylesheet" href="/css/input_tags.css"/>
    <!--时间选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css">
    <!--日期选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datepicker/bootstrap-datepicker3.min.css">
    <link rel="stylesheet" href="/js/need/verfont.css" />
    <!-- 多选下拉 -->
    <link rel="stylesheet" href="/css/bootstrap-select.css" type="text/css"/>

    <link rel="stylesheet" href="/css/skin.css"/>
    <link rel="stylesheet" href="/css/followPlanManager/followPlanInfo.css"/>

</head>
<body style="height: 100%">
<div class="container-fluid p-t-15">
    <div class="row">
        <div class="col-sm-12">
            <div class="card">
                <div class="card-header">
                    <h1>跟进计划详情</h1>
                </div>

                <div class="card-body">
                    <input type="text" hidden="hidden" id="customerId" th:value="${customerId}">
                    <input type="text" hidden="hidden" id="planDateVal" th:value="${planDate}">
                    <div class="row content-action">
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="margin-bottom: 20px">
                            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12" style="padding-left: 0">
                                <div class="time-search pull-left">
                                    <input type="hidden" id="dateType" name="dateType"/>
                                    <div class="all" onclick="selectTime('all')">上周</div>
                                    <div class="week active-second"  onclick="selectTime('week')">本周</div>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12" style="padding-left: 0">
                                <div class="time-search pull-right">
                                    <input type="text" id="startDate" class="form-control date-input"
                                           placeholder="请选择时间" autocomplete="off">
                                </div>
                            </div>
                        </div>
<!--                        <button onclick="a()">111</button>-->
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            <div class="bd_w jcalendar_week" id="jcalendar_week"></div>
                        </div>
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12" style="padding-left: 0">
                                <div class="tableModel">
                                    <div class="calendarTime"></div>
                                    <table id="contactPerson"></table>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                <div class="tableModel">
                                    <div>
                                        <div class="time-search pull-left" style="margin-bottom: 20px">
                                            <input type="hidden" id="dateType1" name="dateType"/>
                                            <div class="followAll active-second" onclick="followSelectTime('follow')">跟进记录</div>
                                            <div class="businessTab"  onclick="followSelectTime('business')">有关商机</div>
                                        </div>
                                        <div class="pull-right col-lg-2 col-md-2 col-sm-2 col-xs-12">
                                            <div class="pull-right">
                                                <div class="dropdown">
                                                    <div class="row">
                                                        <button type="button" class="btn btn-label btn-success pull-right" data-toggle="dropdown" onclick="" style="width: 100px;padding-left: 30px">
                                                            新增跟进<label style="width: 24px"><i class="mdi mdi-plus-circle-outline" ></i></label>
                                                        </button>
                                                        <ul class="dropdown-menu">
                                                            <li><a href="JavaScript:void(0);" onclick="goOnline('online')">线上电话</a></li>
                                                            <li><a href="JavaScript:void(0);" onclick="goOnline('offline')">线下电话</a></li>
                                                            <li><a href="JavaScript:void(0);" onclick="goOnline('visit')">拜访</a></li>
                                                            <li><a href="JavaScript:void(0);" onclick="goOnline('WeChat')">微信交流</a></li>
                                                            <li><a href="JavaScript:void(0);" onclick="goOnline('accompanyingVisit')">陪访</a></li>
                                                            <li><a href="JavaScript:void(0);" onclick="goOnline('email')">电子邮件</a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 pull-right" style="margin-right: 5px">
                                            <select class="form-control " id="selectReview" name="selectReview" type="text" onchange="followSelectStatus(this)">
                                                <option value="createTm">时间排序</option>
                                                <option value="customerIntention">意向排序</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div id="followTableModel">
                                        <table id="follow" style="width: 100%"></table>
                                    </div>
                                   <div id="businessTableModel" style="display: none">
                                       <table id="business"></table>
                                   </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>

</div>






<!--<div class="container-fluid p-t-15">-->
<!--    <input type="hidden" id="qx" value="2">-->
<!--    <div class="row">-->
<!--        <div class="col-sm-12">-->
<!--            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">-->

<!--                <div class="card mini-mum">-->
<!--                    <div class="card-header">-->
<!--                        <h1>跟进计划详情</h1>-->
<!--                    </div>-->

<!--                    <div class="well form-well follow-plan">-->
<!--&lt;!&ndash;                        <div class="row">&ndash;&gt;-->
<!--&lt;!&ndash;                            <div class="col-lg-2 col-md-2 col-sm-6 col-xs-12 "><button class="btn btn-primary" onclick="clickYesterTomorrowday('last')">上一日</button> </div>&ndash;&gt;-->
<!--&lt;!&ndash;                            <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 form-content">&ndash;&gt;-->
<!--&lt;!&ndash;                                <input type="text" class="form-control" id="collectionDate" placeholder="请选择日期"  value="" autocomplete="off">&ndash;&gt;-->
<!--&lt;!&ndash;                            </div>&ndash;&gt;-->
<!--&lt;!&ndash;                            <div class="col-lg-2 col-md-2 col-sm-6 col-xs-12 "><button class="btn btn-primary" onclick="clickYesterTomorrowday('next')">下一日</button></div>&ndash;&gt;-->
<!--&lt;!&ndash;                        </div>&ndash;&gt;-->
<!--                        <div  style="max-width: 500px;">-->
<!--&lt;!&ndash;                            <div class="bd_w jcalendar_week" id="jcalendar_week"></div>&ndash;&gt;-->
<!--&lt;!&ndash;                            <div class="pop_bd" id="pop">&ndash;&gt;-->
<!--&lt;!&ndash;                                <div class="pop_con">&ndash;&gt;-->
<!--&lt;!&ndash;                                    <span class="pop_close" onclick="$('#pop').hide();">&times;</span>&ndash;&gt;-->
<!--&lt;!&ndash;                                    <h5>选择年份：</h5>&ndash;&gt;-->
<!--&lt;!&ndash;                                    <div class="flex_i control">&ndash;&gt;-->
<!--&lt;!&ndash;                                        <button onclick="$(this).next().val(parseInt($(this).next().val())-1)"><</button>&ndash;&gt;-->
<!--&lt;!&ndash;                                        <input class="flex_auto control_val" type="text" id="setyear" value="- -" />&ndash;&gt;-->
<!--&lt;!&ndash;                                        <button onclick="$(this).prev().val(parseInt($(this).prev().val())+1)">></button>&ndash;&gt;-->
<!--&lt;!&ndash;                                    </div>&ndash;&gt;-->
<!--&lt;!&ndash;                                    <h5>选择周：</h5>&ndash;&gt;-->
<!--&lt;!&ndash;                                    <div class="flex_i control">&ndash;&gt;-->
<!--&lt;!&ndash;                                        <button onclick="$(this).next().val(parseInt($(this).next().val())-1)"><</button>&ndash;&gt;-->
<!--&lt;!&ndash;                                        <input class="flex_auto control_val" type="text" id="setweek" value="- -" />&ndash;&gt;-->
<!--&lt;!&ndash;                                        <button onclick="$(this).prev().val(parseInt($(this).prev().val())+1)">></button>&ndash;&gt;-->
<!--&lt;!&ndash;                                    </div>&ndash;&gt;-->
<!--&lt;!&ndash;                                    <div class="flex_i">&ndash;&gt;-->
<!--&lt;!&ndash;                                        <button class="setjc_btn nowweek_btn flex_auto" onclick="tonowweek()">本周</button>&ndash;&gt;-->
<!--&lt;!&ndash;                                        <button class="setjc_btn flex_auto" onclick="jumpweek()">确定</button>&ndash;&gt;-->
<!--&lt;!&ndash;                                    </div>&ndash;&gt;-->
<!--&lt;!&ndash;                                </div>&ndash;&gt;-->
<!--&lt;!&ndash;                            </div>&ndash;&gt;-->
<!--                        </div>-->


<!--                    </div>-->

<!--                    <div class="well form-well follow-plan">-->
<!--                        <h2></h2>-->
<!--                        <div class="row amount-total">-->
<!--                            <div class="col-lg-4 col-md-4 col-sm-6 col-xs-6">-->
<!--                                <div class="well">-->
<!--                                    <h5>计划跟进</h5>-->
<!--                                    <p id="totalAmount" style="display: inline-block;">0</p><span>人次</span>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            <div class="col-lg-4 col-md-4 col-sm-6 col-xs-6">-->
<!--                                <div class="well">-->
<!--                                    <h5>完成率</h5>-->
<!--                                    <p id="discountAmount" style="display: inline-block;">0</p><span>%</span>-->
<!--                                </div>-->
<!--                            </div>-->

<!--                        </div>-->
<!--                    </div>-->

<!--                    &lt;!&ndash;列表&ndash;&gt;-->
<!--                    <div class="Contant" id="contantx">-->

<!--                    </div>-->


<!--                    &lt;!&ndash;分页器&ndash;&gt;-->
<!--                    <div class="position-box">-->
<!--                        <div class="row pager-right-bottom">-->
<!--                            <div class="col-sm-12">-->
<!--                                <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 pull-right" >-->
<!--                                    <div id="pager" class="pager clearfix pull-right">-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->


<!--&lt;!&ndash;                    <div style="display: flex;justify-content: flex-end">&ndash;&gt;-->
<!--&lt;!&ndash;                        <div class="layui-box layui-laypage layui-laypage-molv" id="layui-laypage-1" style="margin-top: 10px;font-size: 14px">&ndash;&gt;-->
<!--&lt;!&ndash;                            <a href="javascript:" class="layui-laypage-first" data-page="0">首页</a>&ndash;&gt;-->
<!--&lt;!&ndash;                            <a href="javascript:" class="layui-laypage-pre" data-page="2">上一页</a>&ndash;&gt;-->
<!--&lt;!&ndash;                            <a href="javascript:" class="layui-laypage-next" data-page="2">下一页</a>&ndash;&gt;-->
<!--&lt;!&ndash;                            <a href="javascript:" class="layui-laypage-last" data-page="2">末页</a>&ndash;&gt;-->
<!--&lt;!&ndash;                            <span class="layui-laypage-count">共  条</span>&ndash;&gt;-->
<!--&lt;!&ndash;                        </div>&ndash;&gt;-->
<!--&lt;!&ndash;                    </div>&ndash;&gt;-->


<!--                    <br/>-->

<!--                </div>-->
<!--            </div>-->
<!--            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">-->
<!--                <div class="card mini-mum">-->

<!--                    <br/>-->
<!--                    <div class="card-body">-->
<!--                        <div class="row content-action">-->
<!--                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">-->
<!--                                &lt;!&ndash; 全部 本周 本月 本年 &ndash;&gt;-->
<!--                                <div class="time-search pull-left">-->
<!--                                    <input type="hidden" id="followType" name="followType"/>-->
<!--                                    <div class="followAll active-second" onclick="selectPlan('followAll')">跟进记录</div>-->
<!--                                    <div class="plan"  onclick="selectPlan('plan')">有关商机</div>-->
<!--                                </div>-->



<!--                            </div>-->

<!--                        </div>-->

<!--                        <div class="row">-->
<!--                            <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">-->
<!--                                <div class="review">-->
<!--                                    <div class="form-check form-check-inline" onclick="radioSort('customerIntention')">-->
<!--                                        <input class="form-check-input" type="radio"   value="" name="reviewStatus"  >-->
<!--                                        <label class="form-check-label"  >意向度排序</label>-->
<!--                                    </div>-->
<!--                                    <div class="form-check form-check-inline" onclick="radioSort('createTm')">-->
<!--                                        <input class="form-check-input" type="radio"   value="" name="reviewStatus"  checked>-->
<!--                                        <label class="form-check-label"  >时间排序</label>-->
<!--                                    </div>-->






<!--                                </div>-->
<!--                            </div>-->

<!--&lt;!&ndash;                            <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12">&ndash;&gt;-->
<!--&lt;!&ndash;                                <div class="pull-right">&ndash;&gt;-->
<!--&lt;!&ndash;                                    <button class="btn btn-primary" data-target="#addInputMoney" data-toggle="modal">新增跟进</button>&ndash;&gt;-->
<!--&lt;!&ndash;                                </div>&ndash;&gt;-->
<!--&lt;!&ndash;                            </div>&ndash;&gt;-->
<!--                            <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12">-->
<!--                                <div class="pull-right">-->
<!--                                    <div class="dropdown">-->
<!--                                        <div class="row">-->
<!--                                            &lt;!&ndash;<button class="btn btn-default btn-senior" data-toggle="collapse"-->
<!--                                                    data-target="#addInputMoney2" aria-expanded="false"-->
<!--                                                    aria-controls="addInputMoney2"  style="margin-left: 0px;">-->
<!--                                                新增跟进-->
<!--                                            </button>&ndash;&gt;-->
<!--                                            <button type="button" id="followUp" class="btn btn-default" data-toggle="dropdown" style="margin-left: 0px;">新增跟进</button>-->
<!--                                            <ul class="dropdown-menu">-->
<!--                                                <li><a href="JavaScript:void(0);" onclick="goOnline('online')">线上电话</a></li>-->
<!--                                                <li><a href="JavaScript:void(0);" onclick="goOnline('offline')">线下电话</a></li>-->
<!--                                                <li><a href="JavaScript:void(0);" onclick="goOnline('visit')">拜访</a></li>-->
<!--                                                <li><a href="JavaScript:void(0);" onclick="goOnline('WeChat')">微信交流</a></li>-->
<!--                                                <li><a href="JavaScript:void(0);" onclick="goOnline('accompanyingVisit')">陪访</a></li>-->
<!--                                                <li><a href="JavaScript:void(0);" onclick="goOnline('email')">电子邮件</a></li>-->
<!--                                            </ul>-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->




<!--                        </div>-->
<!--                        <br/>-->
<!--&lt;!&ndash;                        <table id="followPlanForm"></table>&ndash;&gt;-->
<!--                        <div class="followContant" id="followContant"></div>-->

<!--                        &lt;!&ndash;分页器&ndash;&gt;-->
<!--                        <div class="row pager-right-bottom">-->
<!--                            <div class="col-sm-12">-->
<!--                                <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 pull-right" >-->
<!--                                    <div id="pagerContant" class="pager clearfix pull-right">-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->

<!--                    </div>-->




<!--                </div>-->
<!--            </div>-->
<!--        </div>-->

<!--    </div>-->
<!--</div>-->


<!-- 新增计划 弹窗 -->
<div class="modal fade bs-example-modal-lg modal-edit" tabindex="-1" role="dialog" id="addInputMoney">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4>新增跟进计划</h4>
            </div>
            <input type="hidden" id="cpFollowPlanIdHide">
            <div class="row">
                <div class="form-group col-lg-3 col-md-3 col-sm-6 col-xs-12 follow-margin">
                    <label for="customerInput">客户名称</label>
                    <div class="form-content peers-display">
                        <select id="customerInput" name="customerInput" class="form-control selectpicker" data-live-search="true" type="text" title="请选择">

                        </select>
                    </div>
                </div>

                <div class="form-group col-lg-3 col-md-3 col-sm-6 col-xs-12 follow-margin">
                    <label class="control-label" for="planDate">计划跟进时间</label>
                    <div class="form-content peers-display">
                        <input type="text" class="form-control bottomInput" id="planDate" placeholder="请选择跟进计划时间" autocomplete="off">
                    </div>
                </div>
                <div class="form-group col-lg-3 col-md-3 col-sm-6 col-xs-12 follow-margin">
                    <label for="planStatus">是否提醒</label>
                    <div>
                        <select id="planStatus" class="form-control" type="text">
                            <option selected value="">请选择</option>
                            <option value="1">是</option>
                            <option value="0">否</option>
                        </select>
                    </div>
                </div>
                <div class="clearfix hidden-xs"></div>
                <div class="form-group col-lg-2 col-md-4 col-sm-6 col-xs-12">
                    <label>&nbsp;</label>
                    <div class="text-right">
                        <button class="btn btn-primary" type="button" onclick="addFollowPlan()">
                            <span>提交</span></button>
                        <button class="btn btn-default" data-dismiss="modal">取消</button>
                    </div>
                </div>
            </div>
            <!--</div>-->
        </div>
    </div>
</div>

</body>

<script type="text/javascript" src="/js/jquery.min.js"></script>

<!--分页-->
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="/js/main.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript" src="/js/popper.min.js"></script>
<script type="text/javascript" src="/js/jquery.cookie.min.js"></script>
<script src="/js/crm/common/input-tag.js"></script>
<script src="/js/crm/common/city.js"></script>
<script src="/js/crm/common/common.js"></script>
<!--table固定列-->
<script type="text/javascript" src="/js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns.js"></script>
<!-- 拖动 -->
<script src="/js/bootstrap-table/extensions/resizable/bootstrap-table-resizable.min.js"></script>
<script src="/js/crm/common/colResizable-1.6.min.js"></script>

<!--时间选择插件-->
<!--<script src="/js/bootstrap-datetimepicker/moment.min.js"></script>-->
<!--<script src="/js/jquery-confirm/jquery-confirm.min.js"></script>-->
<!--<script src="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>-->
<!--<script src="/js/bootstrap-datetimepicker/locale/zh-cn.js"></script>-->
<!--日期选择插件-->
<script src="/js/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<script src="/js/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
<script type="text/javascript" src="/js/crm/common/dataRangePicker.min.js"></script>
<script src="/js/verSelect.2.0.js"></script>
<!-- 多选框下拉 -->
<script type="text/javascript" src="/js/bootstrap-multiselect.js"></script>
<script type="text/javascript" src="/js/bootstrap-select.js"></script>
<script type="text/javascript" src="/js/bootstrap.lyear.dropdowntree.min.js"></script>
<script src="/js/jquery-confirm/jquery-confirm.min.js"></script>
<script src="/js/crm/followPlanManager/followPlanInfo.js"></script>
<!--<script src="/js/crm/followPlanManager/followPlanInfoTime.js"></script>-->
</html>